<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="src/assets/favicon.png">
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic"
        rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Signika:300,400,500,600,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.css">
    <link rel="stylesheet" href="src/assets/style.css">

    <title>CloudBoost | File Browser</title>
      <!-- Style For the initial loader -->
  <style>
    @keyframes lds-rolling {
          0% {
            -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
          }
          100% {
            -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
          }
        }
        @-webkit-keyframes lds-rolling {
          0% {
            -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
          }
          100% {
            -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
          }
        }
        .lds-rolling {
          position: relative;
        }
        .lds-rolling div,
        .lds-rolling div:after {
          width: 25%;
          height: 25%;
          border: 5px solid #2196f3;
          border-top-color: transparent;
          border-radius: 50%;
        }
        .lds-rolling div {
          -webkit-animation: lds-rolling 1s linear infinite;
          animation: lds-rolling 1s linear infinite;
          top: 100px;
          left: 100px;
        }
        .lds-rolling div:after {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
        }
        .lds-rolling {
          width: 200px !important;
          height: 200px !important;
          -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
          transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
        }
        .loader{
          position: absolute;
          width:25%;
          height:25%;
          top:47%;
          left:50%;
        }
    </style>
</head>

<body id="body">
    <div id="initialLoader" class="loader">
        <div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-rolling"><div></div></div>
    </div>
    </div>
    <div id="root"></div>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js">

    </script>
    <!-- <script src="src/assets/js/key.js"></script> -->
    <script>
        var CONFIG = <%- config %>;
        for (const key in CONFIG) {
          if (CONFIG.hasOwnProperty(key)) {
            window[key] = CONFIG[key];
          }
        }
    </script>
    <script src="http://cdn.jsdelivr.net/gh/CloudBoost/cloudboost/sdk/dist/cloudboost.min.js"></script>

    <script src="src/js/bundle.min.js"></script>
    <script src="src/assets/js/style.js"></script>
    <!-- Begin Inspectlet Embed Code -->
    <script type="text/javascript" id="inspectletjs">
        window.__insp = window.__insp || [];
        __insp.push(['wid', 1822213528]);
        (function () {
            function ldinsp() { if (typeof window.__inspld != "undefined") return; window.__inspld = 1; var insp = document.createElement('script'); insp.type = 'text/javascript'; insp.async = true; insp.id = "inspsync"; insp.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cdn.inspectlet.com/inspectlet.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(insp, x); };
            setTimeout(ldinsp, 500); document.readyState != "complete" ? (window.attachEvent ? window.attachEvent('onload', ldinsp) : window.addEventListener('load', ldinsp, false)) : ldinsp();
        })();

    </script>
    <!-- End Inspectlet Embed Code -->
</body>

</html>